<template>
        
        <div class="search">
           <input type="text" class="search-input" placeholder="输入城市名字或拼音">
    </div>
    </template>
    
    <script>
    export default{
        name:'CitySearch'
    }
    </script>
    
    <style scoped>
  .search{
      height: 0.72rem;
      padding: 0 0.1rem;
      background-color:#00bcd4;
  }
  .search-input{
      box-sizing: border-box;
      border-radius: 0.2rem;
      width: 100%;
      height: 0.62rem;
      padding: 0 0.1rem;
      line-height: 0.62rem;
      text-align: center;
      color: #666;

  }
    </style>